import React from 'react';
import { Descriptions } from 'antd';
import useMinHeight from "../components/hook/MinHeightHook";

const Index = () => {
  const minHeight = useMinHeight();

  return (
    <div style={{ minHeight }}>
      <div style={{ padding: 16 }}>
        <Descriptions title="Index" column={1} bordered>
          <Descriptions.Item label="window.innerHeight">{window.innerHeight}</Descriptions.Item>
          <Descriptions.Item label="window.innerWidth">{window.innerWidth}</Descriptions.Item>
        </Descriptions>
      </div>
    </div>
  );
};

export default Index;
